<template>
        <div>
            <el-row>
                <app-menu></app-menu>
            </el-row>
            <div class="box">
                <el-row type="flex" :gutter="24">
                    <el-col :span="18">
                        <router-view></router-view>
                    </el-col>
                    <el-col :span="6">
                        <app-archive></app-archive>
                    </el-col>
                </el-row>
            </div>
        </div>

</template>

<script>

    import menu from "@/components/menu";
    import tag from "@/components/blog-tag";

    export default {
        name: "index",
        components: {
            'app-menu' : menu,
            'app-archive' : tag,
        },

        data() {
            return {

            }
        },

        methods: {

        },
    }
</script>

<style scoped>


    div.box {
        padding-left: 480px;
    }

</style>
